$(function() {

    var json = eval("("+$.cookie("hisArt")+")");
    var list = "";
    if(json){
        for(var i in json){
          list = list + '<div class="cls">'+json[i].title+'</div>';
        }
        $('.tel').html(list);
    }

});

//历史搜索记录
$('#searchHistory').on('click','.cls',function(){
    $('input[name="key"]').val($(this).html());
})

//监控回车事件
$('input[name="key"]').on('keypress',function(e){

    if(e.keyCode == 13){
        getLog();
    }
})
$('.mui-table-view-cell a').click(function() {
    $('#type').val($(this).data('type'));
    $('#openPopover').text($(this).text());
    $('#popover').removeClass('mui-active');
    $('.mui-backdrop').remove();
});

$('.trash').click(function() {

    //$.cookie('hisArt', '', { expires: 0, path: '/' });
    $.cookie('hisArt', '');
    $('.tel').text('暂无历史记录~~');
})


function getLog() {
    var val = $('input[type=search]').val();
    $.cookie('exmpal', val, { expires: 7, path: '/' });
    if ($.cookie("exmpal") != 0) {
        var len=$('.cls').length;
        if(len == 0) $('.tel').text('');
        for (var i = 0; i < len/*$('.cls').length*/; i++) {
            if ($('.cls').eq(i).text() == $.cookie("exmpal")) {
                $('.cls').eq(i).remove();
            }
        }

        $('.tel').prepend('<div class="cls">' + $.cookie("exmpal") + '</div>');
    }

    var length = $('.cls').length;

    if (length > 10) {
        $('.cls:last').remove();
    }
    if( !$.trim($('input[name="key"]').val()) ){
      mui.toast('请输入搜索内容');
      return false;
    }

    //var json = "[";
    var json = '';
    if($('.cls').length>0){
        json = [];
        $('.cls').each(function(i,n){
            json[i] = {'title': $(n).html()};
        })
        json=JSON.stringify(json);
    }else{

    }

    // for (var i = 0; i < $('.cls').length; i++) {
    //     json = json + ",{\"title\":\"" + $('.cls').eq(i).html() + "\"}";
    // }
    // json = json + "]";

    $.cookie("hisArt", json, { expires: 7});
    return true;
    //$('#form').submit();

}
